//导航
.zhang_nav{
  height: 70px;
  width:810px;
  margin:0 auto;
  position: relative;
  .zhang_nav_left{
    margin-top: 10px;
    float: left;
    img{
      width:160px;
      height:50px;
    }
  }
  .zhang_nav_right{
    float: right;
    li{
      margin-left:25px;
      float: left;
      margin-top:33px;
      text-align: center;
      font-size:14px;
      a{
        color: black;
      }
        a:hover{
        color: #519EF7;
      }
      ol{
        position: absolute;
        display: none;
        background: white;
        z-index: 5;
        width:100px;
        height:90px;
        li{
          width:100%;
          font-size:10px;
          text-align: center;
          line-height: 23px;
          margin:0;
          a{
            color: black;
          }
          :hover{
            color: #519EF7;
          }
        }
      }
    }
  }
  .zhang_nav_top{
    position: absolute;
    top: -25px;
    right:-40px;
    font-size:12px;
    ol{
      width:120px !important;
      height:75px !important;
      li{
        width:120px !important;
      }
    }
  }
}



.d_head {
    width: 100%;
    .d_img1 {
        width: 100%;
        height: 370px;
    }
    .d_img2 {
        width: 150px;
        height: 40px;
        position: absolute;
        margin-top: -80px;
        margin-left: 769px;
    }
}

.d_bao {
    width: 503px;
    margin: 50px auto;
}

.d_xian {
    width: 600px;
    margin: 36px -50px;
    border-bottom: 1px solid #D9D9D9;
}

.d_column {
    width: 150px;
    height: 17.5px;
    margin: -49px auto;
    background: white;
    font-weight: 600;
    text-align: center;
    color: #333333;
    font-size: 16px;
}

.d_column1 {
    width: 140px;
    height: 17.5px;
    margin: 55px auto;
    background: white;
    font-size: 12px;
    color: #666666;
}

.d_content {
    width: 598px;
    margin: 0 auto;
//  border: 1px solid black;
    ul {
        overflow: hidden;
        .d_li1{
            float: left;
            width: 130px;
            height: 210px;
            margin-left: 25px;
            div {
                width: 130px;
                height: 120px;
                background: #F6F6F6;
                transition: 2s;
                .d_bg {
                    width: 130px;
                    height: 100px;
                    background: url(../img/d_14.png) no-repeat center;
                    background-size: 60px 60px;
                    transition: 2s;
                }
                .d_p1 {
                    width: 130px;
                    text-align: center;
                    transition: 2s;
                
                }
                h4 {
                    width: 130px;
                }
            }
            
            .d_p2 {
                font-size: 8px;
                margin-top: 10px;
                color: #B6B6B6;
                line-height: 14px;
            }
        }
        .d_li2{
            float: left;
            width: 130px;
            height: 210px;
            margin-left: 25px;
            div {
                width: 130px;
                height: 120px;
                background: #F6F6F6;
                transition: 2s;
                .d_bg {
                    width: 130px;
                    height: 100px;
                    background:url(../img/d_18.png) no-repeat center;
                    background-size: 60px 60px;
                    transition: 2s;
                }
                .d_p1 {
                    width: 130px;
                    text-align: center;
                    transition: 2s;
                }
                h4 {
                    width: 130px;
                }
            }
            .d_p2 {
                font-size: 8px;
                margin-top: 10px;
                color: #B6B6B6;
                line-height: 14px;
            }
        }
        .d_li3{
            float: left;
            width: 130px;
            height: 210px;
            margin-left: 25px;
            div {
                width: 130px;
                height: 120px;
                background: #F6F6F6;
                transition: 2s;
                .d_bg {
                    width: 130px;
                    height: 100px;
                    background: url(../img/d_12.png) no-repeat center;
                    background-size: 60px 60px;
                    transition: 2s;
                }
                .d_p1 {
                    width: 130px;
                    text-align: center;
                    transition: 2s;
                }
                h4 {
                    width: 130px;
                }
            }
            .d_p2 {
                font-size: 8px;
                margin-top: 10px;
                color: #B6B6B6;
                line-height: 14px;
            }
        }
        .d_li4{
            float: left;
            width: 130px;
            height: 210px;
            margin-left: 25px;
            div {
                width: 130px;
                height: 120px;
                background: #F6F6F6;
                transition: 2s;
                .d_bg {
                    width: 130px;
                    height: 100px;
                    background: url(../img/d_9.png) no-repeat center;
                    background-size: 60px 60px;
                    transition: 2s;
                }
                .d_p1 {
                    width: 130px;
                    text-align: center;
                    transition: 2s;
                    color: black;
                }
                h4 {
                    width: 130px;
                }
            }
            .d_p2 {
                font-size: 8px;
                margin-top: 10px;
                color: #B6B6B6;
                line-height: 14px;
            }
        }
    }
}
.d_content {
    ul {
        .d_li1:hover {
            div {
                background: #FF7D75;
                .d_bg {
                    background: url(../img/d_15.png) no-repeat center;
                    background-size: 60px 60px;
                }
            }
        }
        .d_li2:hover {
            div {
                background: #FF7D75;
                .d_bg {
                    background: url(../img/d_17.png) no-repeat center;
                    background-size: 60px 60px;
                }
            }
        }
        .d_li3:hover {
            div {
                background: #FF7D75;
                .d_bg {
                    background: url(../img/d_13.png) no-repeat center;
                    background-size: 60px 60px;
                }
            }
        }
        .d_li4:hover {
            div {
                background: #FF7D75;
                .d_bg {
                    background: url(../img/d_16.png) no-repeat center;
                    background-size: 60px 60px;
                }
            }
        }
    }
}
.d_sp{
    width: 951px;
    background: #FAFAFA;
    margin: 0 auto;    
    overflow: hidden;
    padding-bottom: 40px;
    .d_tou{
        margin-top: 40px;
        width: 951px;
        height: 80px;
        text-align: center;
        font-size: 16px;
        font-weight: 550;
        span{
            color: #1097ED;
        }
    }
    ul{
        width: 620px;
        margin: 0 auto;
     li{
        width: 115px;
        height: 212px;
        background: white;
        text-align: center;
        float: left;
        margin-left: 10px;
        transition: 1s;
          li:last-child{
              margin-left: 0;
          }
          img{
                width: 80px;
                height: 80px;
                margin-top: 30px;
                transition: 1s;
            }
            h4 {
                margin-top: 40px;
                font-size: 14px;
                
            }
            p {
                width: 91px;
                height: 15px;
                font-size: 5px;
                color: #CCCCCC;
                text-align: center;
                margin: 10px auto;
                line-height: 15px;              
                overflow: hidden;
            }
            
        }
        li:hover img {
                transform: rotate(360deg);
                margin-top: 30px;
                transition: 1s;
            }
            li:hover p {
                height: 80px;
                transition: 1s;
            }
    }
}
#d_kong{
                width: 800px;
                height: 40px;
                background: red;
                z-index: 99;
                margin-top: -38px;
                margin-left: 360px;
                position: absolute;
                background: #FAFAFA;
            }
.d_sp{
    overflow:  hidden;
    ul{
        li:hover{
            .d_benefit{
                 margin-top: -60px;
            } 
        }
    }
}
.d_series{
    width: 951px;
    margin: 0 auto;
    padding-bottom: 60px;
    ul{
        padding-top: 0px;
        width: 650px;
        margin: 0 auto;
        background: #FAFAFA;
        overflow: hidden;
        li{
           width: 94px;
           height: 155px;
           float: left;
           margin-left: 30px; 
           img{
               width: 50px;
               height: 45px;
           }
           h5{
               padding-top: 15px;
           }
           p{
               color: #B3BBBB;
               font-size: 10px;
               padding-top: 15px;
               line-height: 15px;
           }
        }
    }
}
.d_footer{
    width: 775px;
    height: 132px;
    margin: 0 auto;
    img{
        width: 775px;
        height: 132px;
    }
}
header{
  width:100%;
  height: 80px;
  overflow: hidden;
  background: white;
  .head_a{
    float: left;
    margin-left:270px;
    margin-top:15px;
    img{
      width:75%;
    }
  }
  .head_b{
    float: right;
    ul{
      margin-right:190px;
      margin-top:40px;
      li{
        float: left;
        margin-right:30px;
        margin-bottom: 25px;
        color: #555555;
        font-size:14px;
      }
    }
    .head_b_a{
      font-size:10px;
      margin-top:-30px;
      margin-left:390px;
    }
  }
}
.foo{
    width: 100%;
    height: 107px;
    background: #212425;
    padding-top: 16px;
    .foo_a{
        width: 1071px;
        height: 50px;
        border-bottom: 1px solid #888888;
        color: #c7c9c9;
        margin: 0 auto;
        padding-top: 15px;
        .z{
            float: left;
            margin-left: 180px;
            margin-top: 5px;
            li{
                float: left;
                font-size: 10.5px;
                padding: 0 14px;
                border-left: 1px solid;
            }
            .q{border-left: none;}
            
        }
        
        .y{
            width: 188px;
            height: 23px;
            margin-left: 47px;
            float: left;
            
            p{
                float: left;
                color: #727272;
                
                img{width: 25px;}
            }
            .d{
                margin-left: 8px;
            }
        }
    }
    
    .foo_b{
        width: 1071px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        font-size: 10.5px;
        color: #838383;
    }
}